html,
body,
#app {
    user-select: none;
    height: 100%;
    font-family: Monospaced Number, Chinese Quote, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
}
body{
    padding:8px;
}
::-webkit-scrollbar {
    width: 15px;
    height: 15px;
    background: none;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    box-shadow: inset 0 0 5px 5px rgba(40, 43, 41, 0.6);
    // background: #525e6b;
    border: solid 5px transparent;
}

::-webkit-scrollbar-track {
    // margin:10px;
    // padding: 10px;
    // box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    background: none;
    box-shadow: inset 0 0 5px 5px rgba(40, 43, 41, 0.15);
    // background: #525e6b;
    border: solid 5px transparent;
}

::-webkit-scrollbar-corner {
    background: transparent;
}

.terminal-content::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 5px 5px rgba(26 ,189 ,132, 0.6);
}

* {
    box-sizing: border-box;
}

.ui-panle {
    background: #fff;
    padding: 10px;
    overflow: hidden;
    flex:1;
    // box-shadow: 1px 1px 10px 3px rgba(40, 43, 41, 0.08);
    // border-radius: 10px;
}

.terminal {
    .h-notify-container {
        top:50px;
        // border-radius: 2px;
        overflow: hidden;
        height: calc(100% - 58px);
        // padding:5px;
        right: 8px;
        div {
            // background: none;
            // border-radius: 5px;
            height: 100%;
        }
    }
}